<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:form id="formularioDetalleOC" enctype="multipart/form-data">
        <p:panelGrid style="width:100%;margin: 10px auto;" id="panelDetalle">
            <p:row>
                <p:column>
                    <h:outputLabel id="lblArticulo" value="ARTICULO(*): " styleClass="lblForm" />
                </p:column>
                <p:column>
                    <p:selectOneMenu id="cbxArticulo" required="true" value="#{BKDetalleOrdenCompraServicio.idArticuloFormulario.id}" panelStyleClass="print"
                                     filter="#{BKDetalleOrdenCompraServicio.listaArticulo.size() gt 10?true:false}" filterMatchMode="contains"
                                     panelStyle="width:450px"  style="width: 450px;float: left"> 
                        <f:selectItem itemLabel="Seleccionar" itemValue="" /> 
                        <f:selectItems value="#{BKDetalleOrdenCompraServicio.listaArticulo}" var="articulo"
                                       itemLabel="#{articulo.nombreComercial}" itemValue="#{articulo.id}"/>
                    </p:selectOneMenu>
                    <p:commandButton rendered="false" style="float: left" styleClass="btn_agregar" icon="ui-icon-plus" title="Agregar Articulo" id="lnkAgregar"
                                     disabled="#{BKOrdenCompra.ordenCompraFormulario.idProveedor eq null?'true':'false'}"
                                     immediate="true" ajax="false" onclick="this.form.target='_blank'" action="#{MBProveedor.editar()}">
                        <f:setPropertyActionListener target="#{BKProveedor.proveedorFormulario}" value="#{BKOrdenCompra.ordenCompraFormulario.idProveedor}"  />
                    </p:commandButton>
                    <p:message for="cbxArticulo" display="text"/>
                </p:column>

            </p:row>
            <p:row>
                <p:column>
                    <h:outputLabel id="lblUnidadM" value="UN. MEDIDA(*): " styleClass="lblForm" />
                </p:column>
                <p:column>
                    <p:selectOneMenu id="cbxUnidadMedida" required="true"
                                     value="#{BKDetalleOrdenCompraServicio.idTipoUnidadMinimaFormulario}"> 
                        <f:selectItem itemLabel="Seleccionar" itemValue="0" /> 
                        <f:selectItems value="#{BKDetalleOrdenCompraServicio.listaTipoUnidadMinima}" var="unidad" 
                                       itemLabel="#{unidad.abrev}" itemValue="#{unidad.id}" />	
                        <p:ajax update="cbxUnidadExtra" listener="#{MBDetalleOrdenCompra.cargarUnidadesMedida()}" event="change" />
                    </p:selectOneMenu>	
                    <p:message for="cbxUnidadMedida" display="text"/>
                </p:column>
            </p:row>
            <p:row>
                <p:column>
                    <h:outputLabel id="lblUnidadC" value="UN. COMPRA(*): " styleClass="lblForm" />
                </p:column>
                <p:column>
                    <p:selectOneMenu value="#{BKDetalleOrdenCompraServicio.detalleOrdenCSFormulario.unidadMedidaForm}"  
                                     id="cbxUnidadExtra" required="true">  
                        <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                        <f:selectItems value="#{BKDetalleOrdenCompraServicio.listaUnidadMedidaComp}" var="umc" 
                                       itemLabel="#{umc.valCadena}" itemValue="#{umc.valCadena}" /> 
                        <p:ajax update="txtCantidadTabla" listener="#{MBDetalleOrdenCompra.calcularCantidadEquiv()}" event="change" />
                    </p:selectOneMenu>
                    <p:message for="cbxUnidadExtra" display="text"/>
                </p:column>
            </p:row>
            <p:row>
                <p:column>
                    <h:outputLabel id="lblCantidad" value="CANTIDAD(*): " styleClass="lblForm" />
                </p:column>

                <p:column>
                    <p:inputText id="txtCantidad" required="true" maxlength="10" 
                                 value="#{BKDetalleOrdenCompraServicio.detalleOrdenCSFormulario.cantidadForm}" >
                        <p:ajax event="blur" update="txtCantidadTabla" listener="#{MBDetalleOrdenCompra.calcularCantidadInvetario()}"/>  
                    </p:inputText>
                    <p:message for="txtCantidad" display="text"/>	
                    <span class="formatComment">Ejemplo: 1112.90</span>
                </p:column>
            </p:row>
            <p:row rendered="false">
                <p:column>
                    <h:outputLabel id="lblCantidadUC" value="CANT. POR UM: " styleClass="lblForm" />
                </p:column>
                <p:column>
                    <h:outputText id="txtCantidadTabla" value="#{BKDetalleOrdenCompraServicio.detalleOrdenCSFormulario.cantidad}" >
                        <f:convertNumber maxFractionDigits="2" maxIntegerDigits="10"/>
                    </h:outputText>
                    <p:message for="txtCantidadTabla" display="text"/>
                </p:column>
            </p:row>
            <p:row>
                <p:column >
                    <h:outputLabel id="lblPrecio" value="PRECIO POR" styleClass="lblForm" /><br />
                    <h:outputLabel id="lblPrecio1" value="UNIDAD DE COMPRA(*): " styleClass="lblForm" />
                </p:column>
                <p:column >
                    <p:inputText id="txtPrecio" required="true" maxlength="12" label="txtPrecio"
                                 value="#{BKDetalleOrdenCompraServicio.detalleOrdenCSFormulario.precioForm}" >
                        <f:convertNumber maxFractionDigits="2" maxIntegerDigits="10"/>
                    </p:inputText>
                    <p:message for="txtPrecio" display="text" />
                    <p:selectOneRadio id="optIGV" value="#{BKDetalleOrdenCompraServicio.estadoIgvFormulario}">  
                        <f:selectItem itemLabel="Más IGV" itemValue="s" />
                        <f:selectItem itemLabel="Inc. IGV" itemValue="c" />  
                        <f:selectItem itemLabel="Sin IGV" itemValue="i" />  
                    </p:selectOneRadio>  

                </p:column>
            </p:row>
            <p:row>
                <p:column>
                    <h:outputLabel id="lblImagen" value="IMAGEN: " styleClass="lblForm" />
                </p:column>
                <p:column >
                    <p:messages id="messagesLogo" showDetail="false"  autoUpdate="true" closable="true" globalOnly="true"/>
                    <p:fileUpload id="fleImagen" fileUploadListener="#{MBDetalleOrdenCompra.handleFileUpload}"  
                                  mode="advanced" 
                                  update="messagesLogo"  
                                  auto="true"  
                                  sizeLimit="900000" 
                                  allowTypes="/(\.|\/)(gif|jpe?g|png)$/" />
                    <br />
                    <h:outputText value="Eliminar Imagen"  rendered="#{BKDetalleOrdenCompraServicio.detalleOrdenCSFormulario.imagen ne null}" /> 
                    <p:selectBooleanCheckbox value="#{BKDetalleOrdenCompraServicio.eliminarImagen}" 
                                             rendered="#{BKDetalleOrdenCompraServicio.detalleOrdenCSFormulario.imagen ne null}" />
                </p:column>
            </p:row>
            <p:row>
                <p:column>
                    <h:outputText id="lblObservacionBanco" value="OBSERVACION: " styleClass="lblForm" />
                </p:column>
                <p:column >	
                    <p:inputTextarea id="TxtAreaObservacionBanco" rows="3" cols="80" maxlength="250" 
                                     value="#{BKDetalleOrdenCompraServicio.detalleOrdenCSFormulario.observacion}"/>
                </p:column>
            </p:row>

            <p:row>
                <p:column colspan="2" style="text-align: center">
                    <p:commandButton style="text-align: center;" value="AGREGAR"
                                     actionListener="#{MBDetalleOrdenCompra.agregarListaDetalles}"
                                     oncomplete="if (args.validationFailed){ agregarDetalle.show()} else {agregarDetalle.hide()}"
                                     update=":formulario:pnlDetalle,:formulario:bloques,:formulario:btnEmitir,panelDetalle"/>
                    <p:commandButton type="button" value="CANCELAR" 
                                     style="text-align: center;" onclick="agregarDetalle.hide()"/>
                </p:column>
            </p:row>
        </p:panelGrid> 

    </h:form>
</html>